<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<script>
  window.onload = function () {
    let btn1 = document.getElementById("btn1")
    btn1.onclick = function () {
      //创建Ajax对象
      let Ajax
      if (window.XMLHttpRequest) {
        Ajax = new XMLHttpRequest()
      } else {
        //兼容辣鸡IE浏览器
        Ajax = window.ActiveXObject("Microsoft.XMLHTTP")
      }
      //连接服务器
      //Ajax.open("请求方式","请求地址",是否异步)
      Ajax.open("GET", "Move.js", true)
      //发送请求
      Ajax.send()
      //接受返回
      Ajax.onreadystatechange = function () {
        /*
        Ajax.readState：
          0：未初始化，还没调用open(方法)
          1：载入，已调用send()方法，作者发送请求
          2：解析，正在解析响应内容
          3：解析，正在解析响应内容
          4：完成，响应内容解析完成，可以在客户端调用
        */
        if (Ajax.readyState == 4) {
          //读取完成
          if (Ajax.status == 200) {
            //成功
            alert("成功" + "\n" + Ajax.responseText)
          } else {
            alert("失败")
          }
        }
      }

    }
  }
</script>

<body>
  <input id="btn1" type="button" value="读取" />

</body>

</html>